<template>
  <div>
    {{content}}
    <button v-on:click="getMsg">click</button>
  </div>
</template>

<script>
  export default {
    props: ['msg'], // 获取从父元素传递下来的数据
    data() {
      return {
        content: 'I`m foot',
      }
    },
    methods: {
      getMsg() {
        this.$emit('catch-child', this.content); // 监听父级元素派发的事件 
      }
    }
  }
</script>